///@brief　レース一覧画面
(function() {
	var win = Ti.UI.currentWindow;
	
	var rowList = []; ///< TableViewに表示させる情報を格納する
	var tableView = Ti.UI.createTableView({data:rowList});
	win.add(tableView);
	
	//仮データ
	var params = [
		{
			raceName:"東京マラソン",
			distance:"42.195",
		},
		{
			raceName:"大阪国際マラソン",
			distance:"42.195",
		},
	];
	makeRaceList();
	
	//////////////////////////////////////////////////
	///@brief テーブルビューのレコード作成
	///@param [in] params レコードに追加するデータ
	function createTableViewRow(list)
	{
		for (var i = 0; i < list.length; ++i) {
			var data = list[i];
			var row = Ti.UI.createTableViewRow({
				backgroundColor:"white",
				selectedBackgroundColor:"Blue",
				height:"auto",
				className:"datarow",
				hasChild:true,
			});
			//クリック時に必要となるデータ
			row.name = data.raceName;
			
			//レース名
			row.add(Ti.UI.createLabel({
				font:{
					fontSize:"25px",
					fontWeight:"bold",
					fontFamily:"Arial",
				},
				color:"Black",
				left:0,
				top:0,
				width:300,
				height:30,
				textAlign:"center",
				text:row.name,
			}));
			//走行距離
			row.add(Ti.UI.createLabel({
				font:{
					fontSize:"15px",
					fontFamily:"Arial",
				},
				color:"Black",
				left:0,
				top:30,
				height:25,
				width:60,
				text:"距離:",
			}));
			row.add(Ti.UI.createLabel({
				font:{
					fontSize:"15px",
					fontFamily:"Arial",
				},
				color:"Black",
				left:40,
				top:30,
				height:25,
				width:200,
				text:data.distance + "km",
			}));
			
			rowList.push(row);
		}
		tableView.data = rowList;
	}
	
	///@brief レース一覧画面を作成する
	function makeRaceList()
	{
		createTableViewRow(params);
		tableView.addEventListener("click", function(e) {
			var newWin = Ti.UI.createWindow({
				url:"RaceInfo.js",
				backButtonTitle:"戻る",
				title:e.rowData.name,
			});
			Ti.UI.currentTab.open(newWin,{animated:true});
		});
	}
	
	//TODO サーバーからの情報を受ける
})();
